<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>团购网站</title>
    <link rel="stylesheet" href="css/index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
</head>
<body>
    <div id="web">
        <!-- 头部 -->
        <header class="clearfix">
            <!-- logo -->
            <div class="head_logo fl">
                <a href="#">
                    <img src="images/logo.png" alt="">
                </a>
            </div>

            <!-- 搜索框 -->
            <div class="searchBar fl">
                <input type="text" placeholder="请输入商品名称">
                <img src="images/fdj.png" alt="">
            </div>

            <!-- 下拉框 -->
            <div class="selectBar fl">
                <select name="" id="">
                    <option value="广州">广州</option>
                    <option value="深圳">深圳</option>
                </select>
            </div>
        </header>

        <!-- 中间滚动部分 -->
        <div class="session">
            <div class="lunbo">
                <ul>
                    <li><a href="#"><img src="images/p1.png" alt=""></a></li>
                </ul>
            </div>
            <div class="content">
                <div class="discount clearfix">
                    <div class="title clearfix">
                        <div class="titleName">
                            <img src="images/staricon.png" alt="">
                            <span>优惠团购</span>
                        </div>
                        <div class="titleMore">
                            <a href="#">更多 <i class="iconfont icon-you"></i></a>
                        </div>
                    </div>
                    <div class="discountImg">
                        <div class="discountBox"><a href="#"><img src="images/sp1.png" alt=""></a></div>
                        <div class="discountBox"><a href="#"><img src="images/sp2.png" alt=""></a></div>
                        <div class="discountBox"><a href="#"><img src="images/sp3.png" alt=""></a></div>
                        <div class="discountBox"><a href="#"><img src="images/sp4.png" alt=""></a></div>
                    </div>
                </div>
                <div class="guessLike clearfix">
                    <div class="title clearfix">
                        <div class="titleName">
                            <img src="images/hearticon.png" alt="">
                            <span>猜你喜欢</span>
                        </div>
                        <div class="titleMore">
                            <a href="#">更多 <i class="iconfont icon-you"></i></a>
                        </div>
                    </div>
                    <div class="choose">
                        <div class="guessBox">
                            <a href="#">
                                <div class="guessBoxLeft tf"><a href="detailed.html"><img src="images/cp1.png" alt=""></a></div>
                                <div class="guessBoxRight">
                                    <a href="detailed.html">
                                        <p>万岁寿司（正佳店）</p>
                                        <p><100m</p>
                                        <p>[100店通用] 双人套餐</p>
                                        <p>￥88.00</p>
                                        <p>已售1000</p>
                                    </a>
                                </div>
                            </a>
                        </div>
                        <div class="guessBox">
                            <a href="#">
                                <div class="guessBoxLeft"><a href="#"><img src="images/cp2.png" alt=""></a></div>
                                <div class="guessBoxRight">
                                    <a href="#">
                                        <p>周黑鸭（正佳店）</p>
                                        <p><100m</p>
                                        <p>[100店通用] 双人套餐</p>
                                        <p>￥88.00</p>
                                        <p>已售1000</p>
                                    </a>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 底部 -->
        <footer>
            <ul>
                <li class="fl">
                    <a href="index.html">
                        <i class="iconfont icon-path current"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="classify.html">
                        <i class="iconfont icon-classify"></i>
                        <p>分类</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="discovery.html">
                        <i class="iconfont icon-zhinanzhen"></i>
                        <p>发现</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="mine.html">
                        <i class="iconfont icon-user"></i>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </footer>
    </div>

<script src="js/common.js"></script>
</body>
</html>